#navigationTrigger {

  display: none;

  &.navigation-trigger-ready {
    display: block;
  }

  @include small {
    display: none;

    &.navigation-trigger-ready {
      display: none;
    }
  }

	background: #3a84c1 url(../images/theme/navigation/navigation-bg-hover.png) top left repeat-x;
  @include border-radius(4px);
	border: 1px solid #2b699b;
	color: #fff;
	float: right;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.0;
	margin: 0;
	padding: 10px;
	position: relative;
	right: 0;
	text-decoration: none;
  text-shadow: 1px 1px #1e4e76;
  top: 0;

  &.menu-active {
    @include border-radius(4px 4px 0 0);
    border-bottom: none;
  }

  .sr-only{
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    height: 1px;
    width: 1px;
  }

  .icon-bar {
      background-color: #fff;
      display: block;
      width: 22px;
      height: 2px;
      border-radius: 1px;

      & + .icon-bar {
        margin-top: 4px;
      }
  }



}
